/* pages/user_management/user_management.wxss */

.g-container {
  
  >.g-main {

    >.search_wrap {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 88rpx;
      // padding: 0 36rpx;
      padding-left: 36rpx;
      color: #101010;
      background: #fff;

      >.icon {
        display: flex;
        align-items: center;
        height: 100%;
        padding: 0 36rpx;
        font-size: 40rpx;
        // font-weight: 600;
        color: gray;

        &.active {
          color: #2882FE;
        }
      }
    }
    
    >.list_wrap {

      .li_wrap {
        margin: 0 36rpx;
        padding: 0 16rpx 0 8rpx;
        margin-bottom: 44rpx;
        border: 2rpx solid #BBBBBB;
        border-radius: 8rpx;
        background: #fff;

        &:last-child {
          margin-bottom: 0;
        }

        >.li_top {
          position: relative;
          display: flex;
          justify-content: space-between;
          align-items: center;
          height: 72rpx;
          padding-left: 14rpx;
          font-weight: bold;

          &::before {
            content: '';
            position: absolute;
            top: 50%;
            left: -8rpx;
            transform: translateY(-50%);
            width: 8rpx;
            height: 36rpx;
            background: #0251FF;
          }
          
          >.blue {
            color: #0251FF;
          }
        }

        >.li_middle {
          // padding: 0 8rpx 32rpx 14rpx;
          padding: 0 8rpx 0 14rpx;
          border-top: 2rpx solid #BBBBBB;
          color: #000;

          >.text {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 24rpx;

            >.text_left {
              color: #6C6C6C;
            }
          }
        }

        >.li_bottom {
          display: flex;
          justify-content: flex-end;
          align-items: center;
          padding: 28rpx 0 20rpx;

          >.u-btn {
            width: 120rpx;
            height: 52rpx;
            margin-left: 14rpx;
            border-radius: 8rpx;
            font-size: 24rpx;
            color: #fff;
          }

          >.btn_edit {
            background: rgba(2, 81, 255, 0.56);
          }

          >.btn_del {
            background: #9A9A9A;
          }
        }
      }

      .slot_cls {
        padding-top: 36rpx;
      }
    }

  }

  >.g-footer {
    >.sum_wrap {
      display: flex;
      align-items: center;
      height: 60rpx;
      padding: 0 20rpx;
      font-size: 24rpx;
      color: #101010;
      background: #fff;
    }
  }
}